<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>入库单详情</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/form.css"/>
		<link rel="stylesheet" href="../../css/ztree/zTreeStyle.css" type="text/css">
		<style>
			.org_window {
				width: 400px;
				height: 300px;
				text-align: center;
				position: absolute;
				top: 35%;
				left: 45%;
				margin-left: -150px;
				margin-top: -100px;
				background: rgb(245, 245, 245);
				border: 1px solid rgb(200, 200, 200);
				box-shadow: 5px 5px 5px rgb(100, 100, 100);
			}
			
			.org_window p {
				text-align: center;
				height: 30px;
				background: rgb(68, 161, 248);
				line-height: 30px;
				color: white;
				margin-bottom: 10px;
			}
			.td_with {
				width: 243px;
			}
			
		</style>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local"><span>位置：库存日常管理 > 入库管理 > 物料入库记录详情</span></p>
	            
			    	<div class="article_list">
			            <!------- 内容 ------->
			            <div class="content content1" style="width: 99.6%;margin: 0px auto;">
			            	<!-- 用户列表内容区 -->
			                <div class="con con_01">
			                    <!-- 表单信息填写区 -->
			                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料入库记录表</span></h4>
			                    <div class="write_area">
			                        <form id="addFrom" action="" method="post">
			                            <table class="contentText" border="1" cellspacing="0" cellpadding="0" width="99%" style="margin-bottom: 10px;">
			                                <tbody>
			                                    <tr>
			                                        <th>ERP来料单号：</th>
			                                        <td></td>
													<th>入库单号：</th>
			                                        <td>RKDH20180828184353</td>
			                                        <th>入库日期：</th>
			                                        <td>2020-02-11</td>
			                                    </tr>
												<tr>
			                                        <th>入库类型：</th>
			                                        <td>齐套缺料补料入库</td>
			                                        <th>产品代号：</th>
			                                        <td>AC257865</td>
			                                        <th>零部件代号：</th>
			                                        <td>BJ257865</td>
			                                       
			                                    </tr>
			                                    <tr>
													<th>计划号：</th>
													<td>GPC0201</td>
			                                        <th>入库单状态：</th>
			                                        <td>已入库</td>
			                                        <th>制单人：</th>
			                                        <td>gpc</td>
			                                    </tr>
			                                </tbody>
			                            </table>
			                        </form>
			                    </div>
			                </div>
							<!-- 列表展示区 -->
							<div class="table_border">
				                <div class="show_list">
				                	<div class="title_operate">
				                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料入库单详情</span></h4>
				                		
				                        <!-- 操作类型区 -->
				                        <div class="operate_area">
				                            <a href="printDocuments.html"target="_blank" class="bgd_blue_two img_hand">导出</a> 
											<a href="printDocuments.html"target="_blank" class="bgd_blue_two img_hand">打印</a> 
				                            <a href="instockList.html" class="bgd_white_two img_hand">返回</a> 
				                        </div>
				                	</div>
				                	<div class="list_area">
				                        <!-- 信息列表区 -->
				                        <div class="info_area">
				                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
				                                <tbody>
				                                    <tr class="menuText list_head">
				                                        <th class="">序号</th>
				                                        <th class="">物料编码</th>
				                                        <th class="">物料名称</th>
				                                        <th class="">物料类型</th>
				                                        <th class="">规格型号</th>
				                                        <th class="">计量单位</th>
				                                        <th class="">数量</th>
				                                        <th class="">仓库</th>
				                                        <th class="">库位</th>
				                                        <th class="">合格证编号</th>
				                                        <th class="">失效日期</th>
				                                        <th class="">批次号</th>
				                                        <th class="">物料用途</th>
				                                         <th class="">替代料</th>
				                                    </tr>
				                                </tbody>
				                                <tbody class="tablelist">
				                                    <tr class="listTableText list_list">
				                                        <td>1</td>
				                                        <td>erpdz10010</td>
				                                        <td>电阻1</td>
				                                        <td>热敏电阻1</td>
				                                        <td>GG0011</td>
				                                        <td>个</td>
				                                        <td>150</td>
				                                        <td>湿敏元件库</td>
				                                        <td>s-m-8-12</td>
				                                        <td>20200228001</td>
				                                        <td>2021-05-21</td>
				                                        <td>PCB001</td>
				                                        <td><a class="editBlue cursor" onclick='showDialog()'>查看</a></td>
				                                        <td>210043</td>
				                                    </tr>
				                                    
				                                </tbody>
				
				                            </table>
				                        </div>
				                    </div>
				                </div>
							</div>
			            </div>
			        </div>
			        
			    </div>
			</div>
			
			<!-- 版尾  -->
			<div class="ending">
				Copyright© 2019-2020 磐基技术有限公司
			</div>
			<!--选择产品用途-->
			<div id="materialUseDialog" class="mask hidden">
							<div class="org_window" style="">
								<p>查看物料用途</p>
								<div class="article_list" style="width: 95%;height: 70%;  margin: 0px auto;overflow-y: scroll;overflow-x: hidden;">
									<!------- 添加内容 ------->
									<div class="content content1">
										<!-- 用户列表内容区 -->
										<div class="con con_01">
											<div class="write_area" style="height: 90%; ">
												<div id="productTree" class="ztree"></div>
											</div>
										</div>
									</div>
								</div>
								<!-- 保存、重置按钮区 -->
								<div align="center" class="btn_submit" style="margin-top: 10px;">
									<a onclick='hideDialog()' class="bgd_white_two img_hand">关闭</a>
								</div>
							</div>
					</div>	
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../js/3rd/ztree/jquery.ztree.core.product-3.5.js"></script>
	<script type="text/javascript" src="../../js/3rd/ztree/jquery.ztree.excheck-3.5.js"></script>
	<script type="text/javascript" src="../../js/3rd/ztree/jquery.ztree.exedit-3.5.js"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$(".info_area td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");
//				$(this).append("<div class='twocode_hover'></div>");
				//$(this).append("<div class='twocode_hover'><img src='../../img/list/twocode.png'/></div>");
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");  
				$(".twocode_hover").remove();
			}
		);
		
		/* 零部件信息管理 */
		var setting = {
			check: {
				enable: true
			},
			data: {
	            key:{
	                name:"name"
	            },
	            simpleData: {
	                enable: true,
	                idKey:"id",
	                pIdKey:"pId"
	            }
        	}
		};

		var zNodes =[
			{ id:1, pId:0, name:"产品1", open:true,checked:true,chkDisabled:true},
			{ id:11, pId:1, name:"零件 1-1",checked:true,chkDisabled:true},
			{ id:12, pId:1, name:"零件 1-2",checked:true,chkDisabled:true},
			{ id:13, pId:1, name:"零件 1-3",checked:true,chkDisabled:true},
			{ id:2, pId:0, name:"产品 2", open:true,chkDisabled:true},
			{ id:21, pId:2, name:"零件 2-1",chkDisabled:true},
			{ id:22, pId:2, name:"零件 2-2",chkDisabled:true},
			{ id:3, pId:0, name:"产品 3", open:true,chkDisabled:true},
			{ id:31, pId:3, name:"零件 3-1",chkDisabled:true},
			{ id:32, pId:3, name:"零件 3-2",chkDisabled:true},
			{ id:33, pId:3, name:"零件 3-3",chkDisabled:true},
		];
		
		/* 初始化数据 */
			$.fn.zTree.init($("#productTree"), setting, zNodes);
			$("#productTree img").hide();
		
		
		function showDialog(){
				$('#materialUseDialog').show()
			}
			
			function hideDialog(){
				$('#materialUseDialog').hide()
			}
	</script>
</html>
